<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>七游&nbsp;|&nbsp;</title>

	<link rel="stylesheet" type="text/css" href="css/normalize.css">
	<link rel="stylesheet" type="text/css" href="css/animate.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/app.min.css">
</head>
<body>
	<header>
		<!-- Navigation -->
		<nav class="navbar navbar-default" id="nd">
			<div class="container">
				<div class="navbar-header">
		          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
		            <span class="sr-only">Toggle navigation</span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		          </button>
		          <a id="ha" class="navbar-brand a" href="#"><i class="glyphicon glyphicon-tree-deciduous" style="color:green"></i>Seven-Tour</a>
		        </div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
			            <li><a id="a" href="#">首页</a></li>
			            <li><a id="a" href="content.html">景点</a></li>
			            <li><a id="a" href="eating.html">美味</a></li>
			            <li><a id="a" href="#">关于我们</a></li>            
		         	</ul>	
			        <a href="##" id="rl">注册/登录</a>	
				</div>
			</div>
		</nav>
		<!-- /Navigation -->
		<!-- Search -->
		<div class="header-main">
			<h2 class="header-title">Seven-Tour,是一种生活方式</h2>
			<div class="search">			
				<input type="text" placeholder="搜寻最好玩的地方">
					<a href=""><span class="glyphicon glyphicon-search"></span></a>
				</input>
			</div>
		</div>
		<!-- /Search -->
	</header>
	<!-- marquee -->
	<div class="marquee">
		<div class="container">
			<div class="row">
				<ul class="ad">
					<li><a ><img src="">1</a></li>
					<li><a ><img src="">2</a></li>
					<li><a ><img src="">3</a></li>
					<li><a ><img src="">4</a></li>
					<li><a ><img src="">5</a></li>
					<li><a ><img src="">6</a></li>
				</ul>
				<ul class="ad">
					<li><a ><img src="">6</a></li>
					<li><a ><img src="">5</a></li>
					<li><a ><img src="">4</a></li>
					<li><a ><img src="">3</a></li>
					<li><a ><img src="">2</a></li>
					<li><a ><img src="">1</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- /marquee -->
	<!-- section 中间部分 -->
	<section>
		<!-- 2、 -->
		<div class="rainbow-bar">
			<div class="container">
				<div class="row">
					<div class="title">
						<h2 ><strong>周末去哪儿？</strong><small>叫上伙伴一起出发吧！</small></h2>
					</div>
					<div class="ps-box">
						<div class="col-lg-4 col-md-4 col-sm-12 col-sm-12">
							<div class="ps-card" style="background-image:url(./img/p1.jpg);">
								<a href="content.html">
									<span>大连</span>
								</a>
							</div>
						</div>
					</div>
					<div class="ps-box">
						<div class="col-lg-4 col-md-4 col-sm-12 col-sm-6">
							<div class="ps-card" style="background-image:url(./img/p2.jpg);">
								<a href="content.html">
									<span>张家界</span>
								</a>
							</div>
						</div>
						</div>
						<div class="ps-box">
						<div class="col-lg-4 col-md-4 col-sm-12 col-sm-6">
							<div class="ps-card" style="background-image:url(./img/p1.jpg);">
								<a href="content.html">
									<span>月湾</span>
								</a>
							</div>
						</div>
						</div>
				</div>
			</div>
			<a class="more-btn" href="content.html">更多好玩</a>
		</div>
		<!-- 3、 -->
		<div class="rainbow-bar">
			<div class="container">
				<div class="title">
					<h2 ><strong>吃货大搜查！</strong><small>走，去做一个地道的吃货</small></h2>
				</div>
				<div class="row">
					<div class="ps-box">
						<div class="col-sm-8">
							<div class="ps-card" style="background-image:url(./img/p1.jpg);">
								<a href="content.html">
									<span>青苹果</span>
								</a>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="ps-card" style="background-image:url(./img/6.jpg);">
								<a href="content.html">
									<span>荔枝</span>
								</a>
							</div>
						</div>
					</div>				
				</div>
				<div class="row">
					<div class="ps-box">
						<div class="col-sm-4">
							<div class="ps-card" style="background-image:url(./img/5.jpg);">
								<a href="content.html">
									<span>橘子</span>
								</a>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="ps-card" style="background-image:url(./img/4.jpg);">
								<a href="content.html">
									<span>醉金鸡</span>
								</a>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="ps-card" style="background-image:url(./img/3.jpg);">
								<a href="content.html">
									<span>清蒸鱼</span>
								</a>
							</div>
						</div>
					</div>				
				</div>
				<div class="row">
					<div class="ps-box">
						<div class="col-sm-4">
							<div class="ps-card" style="background-image:url(./img/2.jpg);">
								<a href="content.html">
									<span>水蛋</span>
								</a>
							</div>
						</div>
						<div class="col-sm-8">
							<div class="ps-card" style="background-image:url(./img/1.jpg);">
								<a href="content.html">
									<span>至尊牛牛扒</span>
								</a>
							</div>
						</div>
					</div>				
				</div>
			</div>
			<a class="more-btn" href="content.html">更多好吃</a>
		</div>
		<!-- 彩虹条 1、-->
		<div class="rainbow-bar">
			<div class="container">
				<div class="row">
					<div class="title pd-line">
						<h2 ><strong>准备好了吗？</strong><small>那就随我们一起出发吧！</small></h2>
					</div>
					<div class="col-sm-12">
						<div class="story"><img src="img/mh.png"></div>
						<div class="eath">						
							<img class="turn t1" src="img/eath1.png">
							<img class="turn t2" src="img/eath2.png">	
						</div>
					</div>
					
				</div>
			</div>
		</div>
		<!-- 4、 -->
		<div class="rainbow-bar wrapper">
			<div class="container">
				<div class="row">
					<div class="col-sm-12">				
						<h2 class="footer-title">山水相逢，你我相伴。</h2>				
					</div>
				</div>
			</div>
		</div>
		<!-- End : 彩虹条 -->
	</section>
	<!-- /section -->
	
	<!-- footer -->
	<footer>
		<!-- footer-nav -->
		<div class="footer-nav">
			<div class="container">
            	<div class="row">          
                    <div class="col-md-4 col-sm-12">
                    	<div class="footer-box">
                        	<h4>商务合作</h4>
                            <ul>
                            	<li><a href="">去哪儿</a></li>
                            	<li><a href="">同程</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                    	<div class="footer-box">
                        	<h4>合作伙伴</h4>
                            <ul>
                            	<li><a href="">阿里巴巴</a></li>
                            	<li><a href="">百度</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                    	<div class="footer-box">
                        	<h4>赞助商</h4>
                            <ul>
                            	<li><a href="">Alipay</a></li>
                            	<li><a href="">开源中国</a></li>
                            </ul>
                        </div>
                    </div>
                </div>	            
	        </div>
	    </div>
	    <!-- /footer-nav -->
       
       	<!-- LogoCarousel -->
      <div id="logo">
          <div class="marquee">
              <ul>
                  <li><a href=""><img src="img/logo/t1.png"></a></li>
                  <li><a href=""><img src="img/logo/t2.png"></a></li>
                  <li><a href=""><img src="img/logo/t3.png"></a></li>
                  <li><a href=""><img src="img/logo/t4.png"></a></li>
                  <li><a href=""><img src="img/logo/t5.png"></a></li>
                  <li><a href=""><img src="img/logo/t6.png"></a></li>
                  <li><a href=""><img src="img/logo/t7.png"></a></li>
                  <li><a href=""><img src="img/logo/t8.png"></a></li>
                  <li><a href=""><img src="img/logo/t9.png"></a></li>
              </ul>
          </div>
          <div class="marquee">
              <ul>
                  <li><a href=""><img src="img/logo/t10.png"></a></li>
                  <li><a href=""><img src="img/logo/t11.png"></a></li>
                  <li><a href=""><img src="img/logo/t12.png"></a></li>
                  <li><a href=""><img src="img/logo/t13.png"></a></li>
                  <li><a href=""><img src="img/logo/t14.png"></a></li>
                  <li><a href=""><img src="img/logo/t15.png"></a></li>
                  <li><a href=""><img src="img/logo/t16.png"></a></li>
                  <li><a href=""><img src="img/logo/t17.png"></a></li>
              </ul>
          </div>
      	</div>
      <!-- LogoCarousel/ -->
        
        <div class="footer-down">
        	<div class="about">
                <div class="about-we">
                    <a href="###"><span class="glyphicon glyphicon-heart-empty"></span><span>100</span></a>
                    <a id="thanks">投币赞助</a>
                    <a id="connect">联系我们</a>
                    <img id="qr" src="img/2d.png">
                </div>
                <div class="copyright">
                    <span>Copyright&nbsp;©2016&nbsp;Seven&nbsp;Tour&nbsp;</span>
                </div>
			</div>
        </div>
	</footer>
	<!-- /footer -->
	

	<!-- javascript -->
	<script type="text/javascript" src='js/jquery-2.1.1.min.js'></script>
   <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
   <script>
     $(window).jQuery || document.write("<script src='js/jquery-2.1.1.min.js'><\/script>");
   </script>
	<script src="js/app.js"></script>
	
</body>
</html>